<template>
  <el-card style="margin-top: 20px">
    <el-row
      type="flex"
      align="middle"
      :gutter="20"
    >
      <el-col :span="10"> <OverdueTable :day="day" :Data="Data" /></el-col>
      <el-col :span="14"> <OverdueChart :day="day" :Data="Data" /></el-col>
    </el-row>
  </el-card>
</template>

<script setup>
import { defineAsyncComponent } from 'vue'
defineProps(['day','Data'])

// 引入组件
const OverdueTable = defineAsyncComponent(() => import('./overdueTable.vue'))
const OverdueChart = defineAsyncComponent(() => import('./overdueChart.vue'))
</script>

<style lang="scss" scoped></style>
